<template>
    <div class="qiAOba">
        <div class="ficaTIon-top">
        <text>换季清仓</text>
    </div>
    <div class="yiHu"></div>
    <div class="ficaTIon-bottom">
        <div class="luFei">
            <img src="../../static/微信图片_20221011160228.jpg" alt="">
            <div class="naMei">
                <img src="../../static/images/mylove.jpg" alt="" class="wuSuoPu">[严选精选][严选精选][严选精选][严选精选]</div>
            <text class="suoLong">￥11<text class="shENping">.9<text class="luoBin">￥14.9</text></text></text>
            <div class="shanZhi"><text>每日抄底￥9.9  2.23 0点开抢</text></div>
        </div>
    </div>
    </div>
</template>

<script setup lang="ts">
</script>

<style scoped>
.qiAOba{
    background-color: rgb(238,238,238);
}
.ficaTIon-top{
    background-color: #fff;
    display:flex;
    justify-content: center;
    height: 30px;
}
.ficaTIon-top text{
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #f00;
    border-bottom: 2px solid #f00;
    
}
.yiHu{
    height: 10px;
}
.ficaTIon-bottom{
    margin-top: 30px;
    background-color: #fff;
}

.luFei{
    width:150px;
    float: left;
    margin: 15px;
}
.luFei > img{
    width: 160px;
    height: 160px;
    border-radius: 10px;
}
.naMei img{
    width: 10px;
    height: 10px;
}

.suoLong{
    color: red;
    font-size: 18px;
}

.shENping{
    font-size: 10px;
}

.luoBin{
    color: rgb(153, 153, 153);
    text-decoration:line-through
}

.shanZhi{
    background-color: rgb(255,233,235);;
    border-radius: 10px;
}
.shanZhi > text{
    font-size: 8px;
}
</style>